這篇文章來實作下圖的功能：

當使用者把滑鼠移到欄位上時，才會顯示出欄位訊息，不然一律顯示 ********。我們會在 app.record.detail.show 這個事件底下觸發，要做的事情只有三件：

1. 取得欄位的 DOM。
2. 把預設值改成 ********。
3. 綁定顯示事件。

建立隱藏欄位訊息的 function

寫成函式的原因是讓我們之後可以方便調用，如果有複數欄位需要這個功能的話也比較好整理。

const fakeValue = '**********'

const hiddenField = (feildId) => {
  // 取得欄位的 DOM
  const target = kintone.app.record.getFieldElement(feildId)

  // 取得欄位原本的值
  const userPassword = target.textContent
  
  // 先將欄位賦值為 ******
  target.textContent = fakeValue

  // 監聽事件：滑鼠移上去才顯示
  target.addEventListener('mouseover', (event) => {
    event.target.innerText = userPassword
  })
  
  // 監聽事件：滑鼠離開後顯示 ******
  target.addEventListener('mouseout', (event) => {
    event.target.innerText = fakeValue
  })
}

呼叫 function

接著只要呼叫定義好的函式就可以了：

kintone.events.on('app.record.detail.show', () => {
  hiddenField('password')
  hiddenField('username')
})